$("#cpc_tab").hover(function() {
	showById("cpc_0");
	hideById("cpc_1");
	$("#cpc_tab").addClass("on");
	$("#reco_tab_history").removeClass("on");
	}
);
$("#reco_tab_history").hover(function() {
	showById("cpc_1");
	hideById("cpc_0");
	$("#reco_tab_history").addClass("on");
	$("#cpc_tab").removeClass("on");
	}
);
function RecoPager(operater) {
	var page_index = parseInt($("#current_pageindex").html());
	var page_count = parseInt($("#recommend_total_page").html());
	if (operater == "pre") {
		if (page_index == 1) {			
			return;
		} else {
			for ( var i = 1; i < 6; i++) {
				$("#reco_" + ((page_index - 1) * 5 + i)).hide(200);
				$("#reco_" + ((page_index - 1) * 5 + i - 5)).show(200);
			}
			var temp_page_index = page_index - 1;
			$("#current_pageindex").html(temp_page_index);
		}
	} else if (operater == "next") {
		if (page_index == page_count) {
			return;
		}
		for ( var i = 5; i > 0; i--) {
			$("#reco_" + ((page_index - 1) * 5 + i)).hide(200);
			$("#reco_" + ((page_index - 1) * 5 + i + 5)).show(200);
		}
		var temp_page_index = page_index + 1;
		$("#current_pageindex").html(temp_page_index);
	}
	if ($("#current_pageindex").html() == $("#recommend_total_page").html()) {
		$("#btn_next").removeClass("btn_next");
		$("#btn_next").addClass("next_none");
	} else {
		$("#btn_next").removeClass("next_none");
		$("#btn_next").addClass("btn_next");
	}
	if ($("#current_pageindex").html() == "1") {
		$("#btn_prev").removeClass("prev");
		$("#btn_prev").addClass("prev_none");
	} else {
		$("#btn_prev").removeClass("prev_none");
		$("#btn_prev").addClass("prev");
	}
}
function hideById(id) {
	if ($("#" + id).length > 0) {
		$("#" + id).hide();
	}
}
function showById(id) {
	if ($("#" + id).length > 0) {
		$("#" + id).show();
	}
}